<extend name="_Layout/main"/>

<block name="main">
		<style type="text/css">
			[class*=am-u-]{padding-left:0;padding-right: 0;}
			ol, ul{padding: 0; margin: 0;}
			.exchange-center .m-right{ height:800px; padding-left: 250px;}
			.online-change{ font-size: 24px; color: #fff; font-weight: normal;}
			.top-box .yellow{ color: #b6a067;font-weight: normal;}
			.exchange-center .m-left .top-box{padding: 28px 0;}
			.am-margin-top ul{ margin: 0; padding: 0;}
			.am-margin-top li{list-style: none; width: 190px; height: 60px; border:1px solid #e6e6e6; margin-bottom: 20px; padding: 5px 10px;}
			.am-margin-top li img{ display: block; float: left; margin-top: 3px; }
			.am-margin-top li .r{ float: right;}
			.am-margin-top li .r h3{ font-size: 18px;  margin: 0; color: #d50304; font-weight: bold; text-align: left;}
			.am-margin-top li .r p{ padding: 0; margin: 0; font-size: 14px; color: #999;text-align: left;}
			.m-right{ margin-bottom: 50px;}
			.m-right ul{ list-style: none; height: auto; overflow: hidden; margin-top: 20px;}
			.m-right ul li{ line-height: 30px; margin: 10px 0; height: auto; overflow: hidden;}
			.m-right ul li a{ font-size: 14px; color: #2d2c2c;}
			.m-right ul li span{ float: right;    color: #6d6969;}
			.pagin {position: relative;height: auto;width: 900px;margin: 0px auto;}
			.pagin .blue {color: #056dae;font-style: normal;}
			.pagin .paginList {height: 55px;margin: 12px 0px;width: 500px;  margin-left: auto;  margin-right: auto;}
		.pagin .paginList li {float: left;background: #F6F6F6;margin-left: 15px;border: 1px solid #DDD;border-radius: 5px;}
		.pagin .paginList li a {
			float: left;
			width: 36px;
			height: 36px;
			text-align: center;
			line-height: 36px;
			border-left: none;
			color: #000;
			font-size: 15px;
			vertical-align: middle;
		}
		
		.pagin .paginList li a:hover {
			text-decoration: none;
		}
		
		.pagin .paginList li.current,
		.pagin .paginList li.current a {background: #d32700;cursor: default;color: #fff;}
		
		.pagin .paginList li:hover {background: #f5f5f5;}
		
		.pagin .paginList li.more,
		.pagin .paginList li.more a:hover {cursor: default;}
		
		.pagin .paginList li.more:hover {background: #FFF;}
		
		.pagin .paginList li.more a {color: #737373;}
	
		</style>
	
		<section class="banner">
			<img src="./Application/Home/View/default/_Resource/img//banner3.png" />
		</section>
		<section class="exchange-center">
			<div class="am-breadcrumb-bg">
				<div class="uwidth1">
					<ol class="am-breadcrumb am-text-right">
					  <li><a href="#">首页</a></li>
					  <li><a href="#">分类</a></li>
					  <li class="am-active">新闻资讯</li>
					</ol>
				</div>
			</div>
			<div class="uwidth1 am-posre" >
				<div class="m-left am-text-center">
					<div class="top-box">
						<p class="online-change">新闻资讯</p>
						<p class="yellow">NEWS</p>
					</div>
					<div class="link-box">
					<volist name="catList" id="v">
						<a href="./index.php?s=/Home/Document/getDocList/cid/{$v.id}" <if condition='$cat eq $v["id"]'>class="active"</if>>{$v.title}</a>
					</volist>
					</div>
					<div class="btn-box am-margin-top">
						<ul>
							<li onclick='loginuser()'>
								<img src="./Application/Home/View/default/_Resource/img//btn1.jpg" >
								<div class="r">
									<h3>立即开户</h3>
									<p>OPEN ACCOUNT</p>
								</div>
							</li>
							<li><img src="./Application/Home/View/default/_Resource/img//btn2.jpg">
								<div class="r">
									<p>24小时客户热线</p>
									<h3>400-355-777</h3>
								</div>
							</li>
						</ul>
					
					</div>
				</div>
				<div class="m-right">
					
					<ul>
					<volist name='infolist' id='v'>
						<li><a href="./index.php?s=/Home/Document/getdocContent/id/{$v.id}">{$v.title}</a><span>{$v.ctime|time_format=###,'Y-m-d H:i'}</span></li>
					</volist>	
					</ul>
					
					<div class="pagin">
					 <ul class="paginList">
					 	{$page}
					 </ul>						
					</div>
				</div>
			</div>
		</section>
		
		
		<script language="javascript">
		function tabs(n)
		{
		var len = 4;
		for (var i = 1; i <= len; i++)
		{
		document.getElementById('tab_a' + i).style.display = (i == n) ? 'block' : 'none';
		document.getElementById('tab_' + i).className = (i == n) ? 'aaa' : 'none';
		}
		}
		</script>
</block>